<!DOCTYPE html>
<html xmlns:th="http://www.w3.org/1999/xhtml">

<head>
    <meta charset="UTF-8">
    <title>菜单管理</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <link rel="icon" th:href="@{/static/console/common/images/favicon.ico}">
    <link rel="stylesheet" type="text/css" th:href="@{/static/console/common/layui/css/layui.css}">
    <link rel="stylesheet" type="text/css" th:href="@{/static/console/jqueryPages/jquery-pages.css}" />
    <link rel="stylesheet" type="text/css" th:href="@{/static/console/css/public.css}"/>
    <link rel="stylesheet" type="text/css" th:href="@{/static/console/css/system/menu.css}"/>
</head>

<body>
<div class="paramter-title">
    <!--<h1></h1>-->
</div>
<form class="layui-form">
    <div class="layui-elem-quote searchTools">
        <div class="layui-inline">
<!--            <label class="layui-form-label" style="width: 70px;">菜单名称</label>-->
            <div class="layui-input-inline">
                <input type="text" style="width: 220px" placeholder="菜单名称" class="layui-input name">
            </div>
        </div>
        <div class="layui-inline">
<!--            <label class="layui-form-label" style="width: 40px;">类型</label>-->
            <div class="layui-input-inline">
                <select class="type">
                    <option value="">选择类型</option>
                    <option value="0">手机菜单</option>
                    <option value="1">后台菜单</option>
                    <option value="2">请求URL</option>
                    <option value="3">OA后台菜单</option>
                    <option value="4">OA手机菜单</option>
                </select>
            </div>
        </div>
        <div class="layui-inline" style="text-align: center;">
            <a class="layui-btn search-btn"><img src="/static/console/img/b_icon_search.png" />查询</a>
            <a href="javascript:void(0)" class="layui-btn add-btn" style="background-color:#f0ad4e"><img src="/static/console/img/b_icon_add.png" />添加</a>

<!--            <a href="javascript:void(0)" class="layui-btn user-concat-btn" style="background-color:#61C3A2"><img src="/static/console/img/concat.png" />关联按钮</a>-->
        </div>
    </div>

</form>
<!--<fieldset class="layui-elem-field layui-field-title" style="margin-top: 30px;">-->
<!--    <legend>菜单列表</legend>-->
<!--</fieldset>-->
<form class="layui-form">
    <table class="layui-table menuList" lay-filter="table01">
        <thead>
        <tr>
<!--            <th><span class="allCKBox ckBox"></span></th>-->
            <th>菜单ID</th>
            <th>名称</th>
            <th>类型</th>
            <th>父级ID</th>
            <th>url</th>
            <th>状态</th>
            <th>排序号</th>
            <th>备注</th>
            <th>操作</th>
        </tr>
        </thead>
        <tbody class="tableList">

        </tbody>
    </table>
    <div class="menuListPage pages"></div>
</form>

<!--添加弹窗-->
<div class="msgModal addModal">
    <div class="msgBox">
        <div class="msgBox-title">
            <h3 style="text-align: left; padding-left: 80px;">添加菜单</h3>
            <a class="close" href="javascript:void(0);"><img src="/static/console/img/close-btn.png" /></a>
        </div>
        <div class="msgBox-con">
            <form class="layui-form" style="width: 40%;">
                <div class="layui-form-item">
                    <div class="layui-inline">
                        <label class="layui-form-label">菜单名称</label>
                        <div class="layui-input-inline">
                            <input type="text" class="layui-input name" lay-verify="required" placeholder="请输入菜单名称">
                        </div>
                    </div>
                    <div class="layui-inline">
                        <label class="layui-form-label">类型</label>
                        <div class="layui-input-inline">
                            <select class="type" lay-verify="required">
                                <option value="0">手机菜单</option>
                                <option value="1">后台菜单</option>
                                <option value="2">请求URL</option>
                                <option value="3">OA后台菜单</option>
                                <option value="4">OA手机菜单</option>
                            </select>
                        </div>
                    </div>
                </div>
                <div class="layui-form-item">
                    <div class="layui-inline">
                        <label class="layui-form-label">上一级菜单</label>
                        <div class="layui-input-inline">
                            <select class="pid" lay-search="" placeholder="请选择菜单(父级菜单不选)"></select>
                        </div>
                    </div>
                    <div class="layui-inline">
                        <label class="layui-form-label">状态</label>
                        <div class="layui-input-inline">
                            <select class="status" lay-verify="required">
                                <option value="0">正常</option>
                                <option value="1">禁用</option>
                            </select>
                        </div>
                    </div>
                </div>
                <div class="layui-form-item">
                    <div class="layui-inline">
                        <label class="layui-form-label">排序号</label>
                        <div class="layui-input-inline">
                            <input type="text" class="layui-input sortby" placeholder="请输入排序号">
                        </div>
                    </div>
                    <div class="layui-inline">
                        <label class="layui-form-label">访问地址url</label>
                        <div class="layui-input-inline">
                            <input type="text" class="layui-input url" placeholder="请输入访问地址url">
                        </div>
                    </div>
                </div>
                <div class="layui-form-item layui-form-text">
                    <label class="layui-form-label">备注</label>
                    <div class="layui-input-block" style="margin-left: 80px;">
                        <textarea placeholder="请输入内容" class="layui-textarea remark" style="resize: none;"></textarea>
                    </div>
                </div>
                <div class="layui-form-item" style="text-align: center;">
                    <div class="">
                        <a class="layui-btn btn-submit" lay-submit lay-filter="addBtns">保存</a>
                    </div>
                </div>
            </form>

        </div>
    </div>
</div>
<!--修改弹窗-->
<div class="msgModal updateModal">
    <div class="msgBox">
        <div class="msgBox-title">
            <h3 style="text-align: left; padding-left: 80px;">修改资源</h3>
            <a class="close" href="javascript:void(0);"><img src="/static/console/img/close-btn.png" /></a>
        </div>
        <div class="msgBox-con">
            <form class="layui-form" style="width: 40%;">
                <div class="layui-form-item">
                    <div class="layui-inline">
                        <label class="layui-form-label">资源名称</label>
                        <div class="layui-input-inline">
                            <input type="text" class="layui-input name" lay-verify="required" placeholder="请输入菜单名称">
                        </div>
                    </div>
                    <div class="layui-inline">
                        <label class="layui-form-label">类型</label>
                        <div class="layui-input-inline">
                            <select class="type">
                                <option value="0">手机菜单</option>
                                <option value="1">后台菜单</option>
                                <option value="2">请求URL</option>
                                <option value="3">OA后台菜单</option>
                                <option value="4">OA手机菜单</option>
                            </select>
                        </div>
                    </div>
                </div>
                <div class="layui-form-item">
                    <div class="layui-inline">
                        <label class="layui-form-label">上一级菜单</label>
                        <div class="layui-input-inline">
                            <select class="pid" lay-search=""></select>
                        </div>
                    </div>
                    <div class="layui-inline">
                        <label class="layui-form-label">状态</label>
                        <div class="layui-input-inline">
                            <select class="status" lay-verify="required">
                                <option value="0">正常</option>
                                <option value="1">禁用</option>
                            </select>
                        </div>
                    </div>
                </div>
                <div class="layui-form-item">
                    <div class="layui-inline">
                        <label class="layui-form-label">排序号</label>
                        <div class="layui-input-inline">
                            <input type="text" class="layui-input sortby" placeholder="请输入访问排序号">
                        </div>
                    </div>
                    <div class="layui-inline">
                        <label class="layui-form-label">访问地址url</label>
                        <div class="layui-input-inline">
                            <input type="text" class="layui-input url" placeholder="请输入访问地址url">
                        </div>
                    </div>
                </div>
                <div class="layui-form-item layui-form-text">
                    <label class="layui-form-label">备注</label>
                    <div class="layui-input-block" style="margin-left: 80px;">
                        <textarea placeholder="请输入内容" class="layui-textarea remark" style="resize: none;"></textarea>
                    </div>
                </div>
                <div class="layui-form-item" style="text-align: center;">
                    <div class="">
                        <a class="layui-btn btn-submit" lay-submit lay-filter="updateBtns">保存</a>
                    </div>
                </div>
            </form>

        </div>
    </div>
</div>

<!-- 菜单关联按钮弹窗-->
<div class="msgModal userModal">
    <div class="msgBox">
        <div class="msgBox-title">
            <h3 class="user-title-msg">系统管理需要关联按钮</h3>
            <a class="close" href="javascript:void(0);"><img src="/static/console/img/close-btn.png" /></a>
        </div>
        <div class="msgBox-con">
            <form class="layui-form">
                <table class="layui-table userList" lay-filter="table01">
                    <thead>
                    <tr>
                        <th>账号</th>
                        <th>姓名</th>
                        <th>类型</th>
                        <th>操作</th>
                    </tr>
                    </thead>
                    <tbody class="userTableList">

                    </tbody>

                </table>
                <div class="userListPage pages"></div>
            </form>
        </div>
    </div>
</div>

<!-- 部门关联菜单弹窗-->
<div class="msgModal concatModal">
    <div class="msgBox">
        <div class="msgBox-title">
            <h3>菜单关联按钮列表</h3>
            <a class="close" href="javascript:void(0);"><img src="/static/console/img/close-btn.png" /></a>
        </div>
        <div class="msgBox-con">
            <form class="layui-form">
                <table class="layui-table menuAndButtonList" lay-filter="table01">
                    <thead>
                    <tr>
                        <th><span class="allCKBox ckBox"></span></th>
                        <th>按钮名称</th>
                        <th>关联状态</th>
                        <th>操作</th>
                    </tr>
                    </thead>
                    <tbody class="tableList">

                    </tbody>

                </table>
                <div class="menuAndButtonListPage pages"></div>
            </form>
        </div>
    </div>
</div>

</body>
<script type="text/javascript" th:src="@{/static/console/assets/js/jquery-3.2.1.min.js}"></script>
<script type="text/javascript" th:src="@{/static/console/common/layui/layui.all.js}"></script>
<script type="text/javascript" th:src="@{/static/console/jqueryPages/jquery-pages.js}"charset="utf-8"></script>
<script type="text/javascript" th:src="@{/static/console/js/pages/base.js}" charset="utf-8"></script>
<script type="text/javascript" th:src="@{/static/console/js/pages/system/menu.js}" charset="utf-8"></script>

</html>